iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 27
0
Modern Web

Daily UI : 開發者版系列 第 27

Vuetify:Google Domain

  • 分享至 

  • xImage
  •  

https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000

Used UI Component ( #1 )

#1 slider-group

UI 圖來源見

Discussion

你可能會想 Slide Group 跟 Carousels 差在哪?後者的樣式很明顯較特定,點進前者的文件中會發現可以控制的項目還可以是按鈕、chip . . .,可以嘗試比較看看它與 v-item-group 和 v-chip-group 又差在哪。總之,通常要用到 Groups 裡面的元件,最主要是因為所關注的那些一堆受控目標的選取狀態( e.g. 是否支援多選 )。

然後若你去看 Google Domain 時,會發現它最上方的圖是個動態 SVG,那部分我就沒處理了( 我還真的不知道要怎麼動態呈現 XD,頂多能取得它的靜態程式碼 )。基本上 Google Domain 的版面不難,只是這個排版作業也是有一定規模的,若讀者都能排出來,那我想你已經對 Vuetify 有一定掌握程度了

BTW,Google Domain + Google Firebase Realtime Database + Google Static Hosting 一條龍串起來開發 Web App 真的超快超方便啊!


上一篇
Vuetify:Google News › Advanced Implementation
下一篇
Vuetify:Google Contact
系列文
Daily UI : 開發者版30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言